
<div class="mod-alarm alarm-add-host left-wrap">
  <div class="line-wrap"><em class="info-name">选择集群</em>
    <div select-con="select-con" class="info-content com-select-con">
      <button ng-cloak="ng-cloak" class="ui-btn ui-btn-select ui-btn-white"><i class="icon-down"></i>{{vm.cluster.name}}</button>
      <ul class="select-list">
        <li ng-repeat="cluster in vm.clusterList track by cluster.id" class="select-item"><a ng-bind="cluster.name" ng-click="vm.toggleCluster(cluster.id,cluster.name)"></a></li>
      </ul>
    </div>
  </div>
  <div class="line-wrap"><em class="info-name"> 选择主机</em>
    <p class="txt-prompt info-content">勾选要添加的主机,之后可在所选主机列表中查看。</p>
  </div><span class="pull-right host-count">共{{nodeListFilterd.length}}台主机</span>
  <input placeholder="输入主机名称查询" ng-model="vm.nodeKey" ng-change="vm.nodeListIns.filterWithKey(vm.nodeKey)" class="ui-input-search-white"/>
  <ul class="list-host">
    <li class="list-header"><span class="col col1">
        <dome-check ng-model="vm.nodeListIns.isCheckAll" d-id="allHost" name="allHost" d-change="vm.nodeListIns.checkAllItem(model)"></dome-check>主机 </span><span class="col col2">IP</span></li>
    <li ng-if="nodeListFilterd.length===0"><span class="col">无主机信息</span></li>
    <li ng-repeat="node in nodeListFilterd = (vm.nodeListIns.nodeList|filter:{keyFilter:true})"><span class="col col1">
        <dome-check ng-model="node.isSelected" d-change="vm.nodeListIns.toggleCheck(node,model)" d-id="host{{$index}}" name="host{{$index}}"></dome-check>{{node.name}}</span><span ng-bind="node.ip" class="col col2"></span></li>
  </ul>
</div>
<div class="mod-alarm alarm-add-host right-wrap">
  <div class="pull-right">共{{vm.nodeListIns.selectedList.length}}台主机
    <input placeholder="输入主机名称查询" ng-model="vm.selectedNodeKey" class="ui-input-search ui-input-fill"/>
  </div>
  <div class="line-wrap selected-title"><em class="info-name">所选主机</em>
    <p class="info-content txt-prompt">展示上一步勾选的所有主机。</p>
  </div>
  <ul class="list-host">
    <li class="list-header"><span class="col">主机</span><span class="col">IP</span><span class="col">集群</span><span class="col">操作</span></li>
    <li ng-if="nodeSelectedListFiltered.length===0"><span class="col">无主机信息</span></li>
    <li ng-repeat="node in nodeSelectedListFiltered=(vm.nodeListIns.selectedList|filter:{name:vm.selectedNodeKey})"><span ng-bind="node.name" class="col"></span><span ng-bind="node.ip" class="col"></span><span ng-bind="node.cluster" class="col"></span><span class="col"> <a ng-click="vm.nodeListIns.deleteSelectedNode(node);" class="icon-delete"></a></span></li>
  </ul>
  <div class="com-bottom-option">
    <button ng-click="vm.cancelModify()" class="ui-btn ui-btn-md ui-btn-bright">取消</button>
    <button ng-click="vm.saveModify()" class="ui-btn ui-btn-md ui-btn-bright">保存修改</button>
  </div>
</div>